page{
    background-color: #edece8;
  }
  .user_info {
    height: 70vw;
    overflow: hidden;
    .user_info_wrap {
      position: relative;
      .user_bgc {
        height: 70vw;
        filter: blur(10rpx);
      }
      .info {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 80rpx;
        .info_icon{
          height: 170rpx;
          width: 170rpx;
          border-radius: 50%;
        }
        .info_name{
          text-align: center;
          margin-top: 20rpx;
          color:#fff;
          font-size: 38rpx;
          font-weight: bold;
        }
      }
    }
    .user_login{
      position: relative;
      height: 70vw;
      background-color: var(--themeColor);
  
      navigator{
        position:absolute;
        padding: 20rpx 40rpx;
        left: 50%;
        transform: translateX(-50%);
        top: 120rpx;
        border: 6rpx solid #fff;
        border-radius: 10rpx;
        text-align: center;
        color: #fff;
        font-weight: bold;
      }
    }
  }
  .user_content {
    position: relative;
    .user_main {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -30rpx;
      width: 90%;
      padding-bottom: 80rpx;
      color: #666;
      .main_his_wrap {
        display: flex;
        text-align: center;
        background-color: #fff;
        padding: 20rpx;
        font-size: 28rpx;
        navigator {
          flex: 1;
          .his_num {
            color: var(--themeColor);
          }
        }
      }
      .mian_order_wrap {
        margin-top: 30rpx;
        background-color: #fff;
        .order_title{
          padding: 20rpx ;
          border-bottom: 2rpx solid #edece8;
        }
        .order_content {
          padding: 20rpx ;
          display: flex;
          text-align: center;
          navigator {
            flex: 1;
            .iconfont {
              color: var(--themeColor);
            }
          }
        }
  
      }
      .main_address_wrap {
        margin-top: 30rpx;
        background-color: #fff;
        padding: 20rpx ;
      }
      .main_info_wrap {
        margin-top: 30rpx;
        background-color: #fff;
        .app_info_item{
          padding: 20rpx ;
          border-bottom: 1rpx solid #ccc;
        }
        .app_info_contact{
          display: flex;
          justify-content: space-between;
        }
      }
      .main_recommend_wrap {
        margin-top: 30rpx;
        background-color: #fff;
        padding: 20rpx ;
      }
    }
  }